<template>
  <span>
    <span
      v-if="datePanelLabel"
      v-show="datePanelLabel.labels[0].type === 'year' || currentView === 'date'"
      :class="[datePrefixCls + '-header-label']"
      @click="datePanelLabel.labels[0].handler">{{ datePanelLabel.labels[0].label }}</span>
    <template v-if="datePanelLabel && currentView === 'date'">{{ datePanelLabel.separator }}</template>
    <span
      v-if="datePanelLabel"
      v-show="datePanelLabel.labels[1].type === 'year' || currentView === 'date'"
      :class="[datePrefixCls + '-header-label']"
      @click="datePanelLabel.labels[1].handler">{{ datePanelLabel.labels[1].label }}</span>
  </span>
</template>

<script type="text/ecmascript-6"  src="./date-panel-label.js"></script>
